@charset "utf-8";
/* CSS Document */
html {
	margin: 0;
	padding: 0;
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,acronym,address,em,font,img,strong,b,u,i,ol,ul,li,fieldset,form,label,select,option,input,textarea
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul,li {
	list-style: none;
}

body, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

IMG {
	border: none
}
/*--MAIN WRAPER--*/
#containerfull {
	width: 1003px !important;
	margin: 0 auto;
	margin-top: 12px;
	border: 1px solid #cccccc;
	overflow-y: auto;
	overflow-x: hidden;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.clear {
	clear: both;
}

/*--TOP--*/
#header {
	width: 1003px;
	height: 164px;
	float: right;
	min-width: 1003px;
}

#menu {
	width: 1003px;
	height: 25px;
	border-bottom: 1px solid #cccccc;
	float: right;
	background-color: #f2f0e2;
}

#menu ul li {
	float: left;
	background: url(../images/link-sep.png) left no-repeat;
	padding: 0px 8px 0 8px;
	font-size: 12px;
	color: #00517e;
}

#menu ul li:first-child {
	background: none !important;

	margin-left: 5px;

}
/*--TOP (TACME)--*/
.t_logo-area {
	width: 1003px;
	height: 109px;
	background: url(../images/top_bg.png) repeat-x;
}

.t_logo {
	float: right;
	margin: 12px 0 0 24px;
}

.t_logo-txt {
	float: left;
	margin: 28px 15px 0 0;
}

.t_welcome-user-area {
	width: 1003px;
	height: 25px;
	background: url(../images/date_bar_bg.png) repeat-x;
	border-top: 0px solid #bec8d2;
	border-bottom: 1px solid #bec8d2;
}

.t_welcome-txt {
	font-size: 12px;
	color: #333333;
	float: right;
	margin: 5px 0 0 18px;
}

.t_welcome-blue-txt {
	color: #003c6c;
}

.t_date {
	font-size: 12px;
	color: #333333;
	float: left;
	margin: 5px 14px 0 0
}

.t_links-icon {
	margin: 5px 0 0 8px;
}

.t_links-icon img {
	margin: 0px 0 0 5px;
}

.t_breadcrumb-area ul li:first-child {
	background: none !important;
	padding: 0 0 0 8px
}

.t_breadcrumb-blue-txt {
	background: url(../images/breadcrumb-arrow.png) right no-repeat;
	padding: 0 10px 0 10px;
	margin: 0 10px 0 7px;
}

/*--MIDDLE--*/
#content {
	width: 720px;
	float: right;
	overflow: hidden;
	zoom: 1;
	margin: 0;

	margin-right: 5px;

	padding: 0;
}

/* MIDDLE (Tacme)*/
.t_middle {
	width: 1003px;
	/* float: right; */
	margin: 8px 0 0 11px;
}

.t_left-menu {
	width: 248px;
	border: 1px solid #cccccc;
	background: url(../images/menu-lines.png) no-repeat bottom right;
	background-color: #f2f0e2;
	height: 480px;
	/* float: right; */
}

.t_menu-heading {
	width: 232px;
	/* float: right; */
	height: 24px;
	background: url(../images/blue_bg.png) repeat-x;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	padding: 5px 5px 0 14px;
	border: 1px solid #bdc6cc;
}

.t_left-menu ul { /* float: right; */
	
}

.t_left-menu ul li {
	width: 248px;
	height: 25px;
	/* float: right; */
	background: url(../images/menu-btn-bg.png) no-repeat;
	font-size: 14px;
	color: #005480;
}

.t_menu-icon {
	margin: 5px 5px 0 10px;
	/* float: right */
}

.t_left-menu ul li:hover {
	background: url(../images/menu-btn-hover-bg.png) no-repeat;
	font-size: 14px;
	color: #000;
}

.t_tmiddle-right {
	width: 720px;
	/* float: right; */
	margin-right: 11px;
	background-color: #FFF;
}

.t_company-profile-container {
	width: 405px;
	/* float: right; */
}

.t_company-profile-container img {
	clear: both;
}

.t_company-name {
	font-size: 24px;
	color: #005480;
	font-weight: bold;
	/* float: right; */
}

.t_company-info {
	font-size: 14px;
	/* float: right; */
	color: #73c167;
	clear: both;
	font-weight: bold;
}

.t_heading-colum { /* float: right; */
	clear: both;
	margin: 25px 0 0 0
}

.t_heading-colum li {
	list-style-image: none;
	font-size: 12px;
	line-height: 24px;
}

.t_comp-det-heading {
	width: 108px;
	/* float: right; */
	color: #333333;
	font-size: 12px;
	line-height: 24px;
}

.t_detail-colum {
	width: 300px;
	/* float: right; */
	margin: 25px 0 0 10px
}

.t_detail-colum li {
	font-size: 12px;
	color: #666666;
	line-height: 24px;
}

.t_view-profile-btn {
	width: 136px;
	height: 21px;
	/* float: right; */
	margin-top: 20px;
}

.t_tfinancial-cont {
	width: 300px;
	/* float: right; */
	margin-top: 30px;
}

.t_financial-top {
	width: 300px;
	height: 22px;
	background: url(../images/fin-bg.png) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 0 0 10px
}

.t_tfinancial-cont ul {
	
}

.t_tfinancial-cont ul li {
	width: 300px;
	border-bottom: 1px solid #bec8d2;
	/* float: right; */
	padding: 0 0 3px 0;
	margin: 7px 0 0 0;
	background: none !important
}

.t_tfinancial-cont ul li:hover {
	background: none !important
}

.t_fin-black-txt { /* float: right; */
	font-size: 12px;
	color: #333333;

	/* margin-right: 10px; */
}

.t_fin-grey-txt { /* float: right; */
	font-size: 12px;
	color: #666666;
}

.t_grid-container {
	width: 350px;
	/* float: right; */
	margin: 30px 0 0 0;
	height: 235px;
}

.t_grid-heading {
	width: 330px;
	height: 24px;
	/* float: right; */
	background: url(../images/blue_bg.png) repeat-x;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0 0 15px;
	border: 1px solid #c1cacf;
	border-bottom: none
}

.t_grid-captions-cont {
	width: 330px;
	height: 24px;
	/* float: right; */
	background: url(../images/date_bar_bg.png) repeat-x;
	border-top: 1px #bec8d2 solid;
	border-bottom: 1px #bec8d2 solid;
	border: 1px solid #c1cacf;
	border-bottom: none;
	border-top: none
}

.t_grid-table { /* float: right; */
	border: solid 1px #c1cacf;
}

.grid-grey-txt {
	font-size: 12px;
	color: #666666;
	margin-right: 14px;
}

.t_tasks {
	width: 213px;
	height: 11px;
	font-size: 12px;
	color: #003366;
	margin-top: 4px;
	padding: 0 0 0 14px;
	float: right
}

.t_ref {
	width: 110px;
	height: 11px;
	font-size: 12px;
	color: #003366;
	margin-top: 4px;
	padding: 0 0 0 16px;
	float: right
}

.t_date1 {
	width: 90px;
	height: 11px;
	font-size: 12px;
	color: #003366;
	margin-top: 4px;
	padding: 0 0 0 16px;
	float: right
}

.t_grid-footer {
	width: 325px;
	/* float: right; */
	height: 29px;
	background-color: #f2f0e2;
	border: 1px solid #c1cacf;
	border-top: none
}

.t_view-btn {
	width: 66px;
	height: 21px;
	float: left;
	margin: 3px 10px 0 0;
}

.t_grid-container1 {
	width: 350px;
	/* float: right; */
	margin: 30px 0 0 11px
}

.t_ser {
	width: 130px;
	height: 11px;
	font-size: 12px;
	color: #003366;
	margin-top: 4px;
	padding: 0 0 0 16px;
	float: right
}

.t_tasks1 {
	width: 195px;
	height: 11px;
	font-size: 12px;
	color: #003366;
	margin-top: 4px;
	padding: 0 0 0 14px;
	float: right
}

.t_menu-links { /* float: right; */
	padding-top: 4px;
}

/*FOOTER*/
#footer {
	width: 1003px;
	border-top: 1px solid #cccccc;
	height: 43px;
	float: right;
	background-color: #eeeeef;
	margin-top: 0px;
	padding: 5px 5px 0 0;
}

#footer p {
	font-size: 11px;
	float: left;
	color: #a0a0a0;
	margin: 12px 20px 0 0
}

/*FOOTER (Tacme)*/
.t_copyleft {
	font-size: 11px;
	color: #a3a3a3;
	/* float: right; */
	margin: 12px 0 0 20px;
}

/*FORM*/
#sidebar {
	width: 248px;
	border: none;
	/*background:url(../images/menu-lines.png) no-repeat bottom right;background-color:#f2f0e2;*/
	height: 100%;
	float: right;
	overflow: hidden;
	zoom: 1;
}

#sidebar ul { /* float: right; */
	border: 1px solid #bdc6cc;
	border-top: none;
	border-bottom: none;
}

#sidebar ul li {
	width: 246px;
	/* float: right; */
	background: url(../images/menu-btn-bg.png) no-repeat;
	font-size: 14px;
	color: #005480;
}

#sidebar ul li:hover {
	background: url(../images/menu-btn-hover-bg.png) no-repeat;
	font-size: 14px;
	color: #000;
}

#fm-submit {
	width: 680px;
	height: 21px;
	/* float: right; */
	*float: none;
	margin: 20px 0 20px 15px
}

.fm-req {
	margin-bottom: 11px;
	/* float: right; */
}

.fm-opt {
	/* width: 144px; */
	height: 26px;
	border: none;
	border: 1px solid #cccccc;
	margin-bottom: 12px;
	font-size: 12px;
	color: #666666;	
	/* float: right; */
}
.fm-multi{
	font-size: 12px;
}
legend {
	width: 680px;
	height: 22px;
	/* float: right; */
	background: url(../images/common/heading-bar-bg.png) repeat-x;
	border: 1px solid #bec8d2;
	/* margin: 20px 0 0 0; */
	margin:	20px 10px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	padding: 4px 4px 0 10px;
}

fieldset {
	padding: 0;
	margin: 0;
	border: none;
	float: right
}

/*FORM (Tacme)*/
.t_tmiddle {
	width: 990px;
	margin: 8px 0 0 11px;
/* 	background-image: url("../images/common/bg_navigationMenu.jpg");
	background-repeat: repeat-y;
	background-position: right;
 */
}

/* .bg_MenuBottom { 	
	background: url("../images/menu-lines-ar.png");
	background-repeat: no-repeat;
	width: 247px;
	height: 136px;
	margin: 0px;
 	background-position: right; 	
} */
.bg_MenuBottom {
    background: url("../images/menu-lines-ar.png") no-repeat scroll 0 0 #F2F0E2;
    border-bottom: 1px solid #CDCBCC;
    border-left: 1px solid #C1CACF;
    float: right;
    height: 136px;
    width: 247px;
    background-position: right;
}

/* .t_tabs1 { float: right;
	
} */

.t_tabs1 li {
	width: 128px;
	height: 24px;
	background: url(../images/un-active-tab.png) repeat-x;
	/* float: right; */
	border: none;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
	color: #343031;
	text-align: center;
	padding-top: 5px;
	margin-left: 1px;
	border: 1px solid #cdcbcc;
	border-bottom: none
}

.t_tmiddle-right ul li:hover {
	color: #FFF;
	background: url(../images/active-tab-bg.png);
	*-background-color: blue;
}

.t_form {
	width: 720px;
	/* float: right; */
	border: 1px solid #CCC;
	overflow:hidden;
}

.t_form-left { /* float: right; */
	width: 600px;
	margin-right: 20px;
	margin-top: 15px;
}
.t_form_half {
	width: 330px;
	padding-right: 15px;
	overflow:hidden;
}
.t_form_half input {
	width: 137px;
	height: 22px;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #666666;
	padding-right: 5px;
	margin-bottom: 12px;
}
.t_form_half input.opt-input {
	border: none;
	width: 50px;
	height: 22px;
	font-weight: normal;
}
.t_form-fld-cap-cont {
	width: 140px;
	font-size: 12px;
	color: #666666;
	/* float: right; */
	padding-top: 3px;
	line-height: 11px;
}

.t_fld-container {
	width: 104px;
	height: 24px;
	/* float: right; */
}

label {
	width: 175px;
	font-size: 12px;
	color: #666666;
	float: right;
	margin-bottom: 20px;
	line-height: 11px;
	clear: both
}

.t_form-right input,.t_form-left input {
	width: 137px;
	height: 22px;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #666666;
	padding-right: 5px;
	margin-bottom: 12px;
}

.t_form-left input.opt-input,.t_form-right input.opt-input {
	border: none;
	width: 15px;
	height: 15px;
	font-weight: normal;
}

select {
	width: 140px;
	/* float: right; */
}

option {
	width: 140px;
	/* float: right; */
}

.t_form-fld {
	width: 137px;
	height: 22px;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #666666;
	padding-right: 5px;
}

.t_form-fld-disable {
	color: #a0a0a0;
}

.t_form-right { /* float: right; */
	width: 340px;
	margin-top: 15px;
}

.t_small-txt {
	font-size: 9px;
}

.t_calender {
	vertical-align: middle
}

.t_address {
	width: 137px;
	padding-right: 5px;
	height: 94px;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #666666;
	margin-left: 8px;
}

.t_gender {
	width: 70px;
	/* float: right; */
	font-size: 12px;
	color: #a0a0a0;
}

.t_manad-cont {
	width: 203px;
	/* float: right; */
	font-size: 12px;
	color: #666666;
	height: 14px;
	background: url(../images/note-icon.png) no-repeat right;
	padding-right: 20px;
}

.t_btns {
	width: 66px;
	height: 21px;
	float: left;
	margin-right: 10px;
}

.t_star {
	color: #ed0000;
}

.t_rbtn {
	width: 12px !important;
	height: 12px !important;
	margin-left: 5px !important;
	border: none !important;
}

.t_select_gender {
	font-size: 12px !important;
	color: #666666 !important;
	margin-left: 8px !important;
}

/*POPUP*/
.t_popup {
	width: 764px;
	height: 369px;
	background: url(../images/pop-up-bg.png) no-repeat;
	margin: 0 auto;
	margin-top: 60px;
}

.t_popup-main-heading {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	/* float: right; */
	margin: 0px 0 0 0px
}

.t_pop-up-grid-topbg {
	width: 669px;
	height: 30px;
	background: url(../images/pop-up-grid-bg.png) repeat-x;
	/* float: right; */
	border: 1px solid #bec8d2;
	margin: 10px 0 0 0px
}

.t_popup-grid-table {
	float: right;
	margin: 0 0 0 0px
}

.t_category {
	font-size: 12px;
	color: #343031;
	padding-right: 10px;
}

.t_aed {
	font-size: 12px;
	color: #343031;
}

.t_popup_cat {
	width: 409px;
	/* float: right; */
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	margin: 7px 0 0 10px;
}

.t_popup_bank_guatrentee {
	width: 122px;
	/* float: right; */
	color: #003366;
	font-weight: bold;
	margin: 7px 0 0 0px;
	font-size: 12px;
}

.t_popup_fees {
	width: 85px;
	/* float: right; */
	font-size: 12px;
	margin: 7px 0 0 40px;
	color: #003366;
	font-weight: bold;
}

.t_pop_up {
	margin: 0 auto;
	margin-top: 100px;
}

.t_popup_content {
	width: 670px;
	margin: 10px 10px 10px 10px;
	float: right
}

.t_close_popup {
	float: left;
	widows: 39px;
	height: 39px;
	margin-left: -35px;
}

/* Jquery controls customization */
.t_form-fld-disable_calendar {
	height: 22px;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #a0a0a0;
}

.ui-datepicker {
	width: 200px !important;
}

#ui-datepicker-div {
	display: none;
}

.ui-datepicker-trigger {
	margin: 0px 0px 0px 5px;
}

.ui-widget {
	font-size: 13px !important;
}

.ui-datepicker table {
	font-size: 0.6em !important;
}

.ui-datepicker .ui-datepicker-title {
	line-height: 1.4em;
}

.ui-selectmenu {
	height: 24px !important;
	width: 140px !important;
}

.ui-selectmenu-status {
	line-height: 1em !important;
}

.EmployeeType-menu {
	width: 140px !important;
}

/* Tabs */
/* div.panes div.tabcontent {
	display: none;
	width: 700px;
	font-size: 18px;
}

div.panes img {
	
}

root element for tabs 
.tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 30px;
}

single tab
.tabs li {
	float: right;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
	margin-left: 1px !important;
	font-size: 12px;
	font-weight: bold;
	color: #343031;
}

.tabs li  a {
	color: #343031;
}

.tabs li  a.current {
	color: #FFF !important;
}

link inside the tab. uses a background image
.tabs a {
	background: url(../images/tabs.png) no-repeat -673px 0;
	*-background: url(../images/tabs.jpg) no-repeat -673px 0;
	font-size: 11px;
	display: block;
	height: 31px;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 1px;
	width: 89px;
}

.tabs a:active {
	outline: none;
}

when mouse enters the tab move the background image
.tabs a:hover {
	background-position: -673px -31px;
	color: #fff;
}

active tab uses a class name "current". it's highlight is also done by moving the background image.
.tabs .current,.tabs .current:hover,.tabs li.current a {
	background-position: -673px -62px;
	cursor: default !important;
	color: #000 !important;
}

Different widths for tabs: use a class name: w1, w2, w3 or w2

width 1
.tabs .w1 {
	background-position: -673px 0;
	width: 89px;
}

.tabs .w1:hover {
	background-position: -673px -31px;
}

.tabs .w1.current {
	background-position: -673px -62px;
}

width 2
.tabs .w2 {
	background-position: -366px -0px;
	width: 154px;
}

.tabs .w2:hover {
	background-position: -366px -31px;
}

.tabs .w2.current {
	background-position: -366px -62px;
}

width 3
.tabs .w3 {
	background-position: -193px -0px;
	width: 174px;
}

.tabs .w3:hover {
	background-position: -193px -31px;
}

.tabs .w3.current {
	background-position: -193px -62px;
}

width 4
.tabs .w4 {
	background-position: -0px -0px;
	width: 194px;
}

.tabs .w4:hover {
	background-position: -0px -31px;
}

.tabs .w4.current {
	background-position: -0px -62px;
}

initially all panes are hidden
.panes .pane {
	display: none;
} */

/* Jq Grid */
#gbox_listNotifications.ui-widget-content,#gbox_listTasks.ui-widget-content
	{
	border-bottom: none;
}

/*#gview_listNotifications .ui-jqgrid-titlebar ,#gview_listTasks .ui-jqgrid-titlebar{clear:both; width:312px; height:24px; background:url(../images/blue_bg.png) repeat-x; font-size:14px; color:#ffffff; font-weight:bold; padding:5px 0 0 15px; border:1px solid #c1cacf; border-bottom:none}
.ui-jqgrid-htable{border:solid 1px #c1cacf;}
span.ui-jqgrid-resize{display:none;}
.ui-jqgrid-labels th{background:url("../images/pop-up-grid-bg.png") repeat-x scroll 0 0 transparent;height:24px;font-size:12px;color:#003366;font-weight:normal;border-left:solid 1px #c1cacf;}
.ui-jqgrid-labels th:first-child{}
.ui-jqgrid-labels th:last-child{border-left:none;}
.ui-state-default .ui-icon{background:url("../images/jqgrid/ui-icons_6da8d5_256x240.png")}
.ui-jqgrid tr.ui-row-ltr td:first-child{border-right:1px solid #C1CACF;padding-right:10px;}
#2{background-color:#fff4e2;}
.ui-jqgrid tr.jqgrow { outline-style: none; height:24px;*height:25px !important;}

#listemployee_id{width:53px !important;}
#listemployee_note{width:153px !important;}
#listemployee{width:715px !important;}
.ui-jqgrid tr.jqgrow td:last-child{width:100px !important;} 
#gview_listemployee{width:700px !important;}
#gview_listemployee .ui-jqgrid .ui-jqgrid-titlebar{width:700px !important;}
#gview_listemployee  .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{width:700px !important;}
.ui-state-default .ui-jqgrid-hdiv{width:700px !important;}
*/

/* Menu */
.topnav {
	/* padding: 40px 28px 25px 0; */
	background-color: #F2F0E2;
	padding-right: 10px;
}

ul.topnav {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none;
}

ul.topnav li {
	
}

ul.topnav li a {
	line-height: 10px;
	font-size: 13px;
	padding: 8px 5px;
	color: #0e517b;
	display: block;
	text-decoration: none;
}

ul.topnav li a:hover { /*background-color:#675C7C;*/
	color: #333333;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav ul li a {
	padding-right: 20px;
	font-size: 12px;
	font-weight: normal;
	outline: 0;
	color: #273039;
}

ul.topnav ul li a:hover { /*background-color:#D3C99C;*/
	color: #084973;
}

ul.topnav ul ul li a {
	color: silver;
	padding-right: 40px;
}

ul.topnav ul ul li a:hover { /*background-color:#D3CEB8;*/
	color: #675C7C;
}

ul.topnav li {
	
}

ul.topnav li span {
	float: left;
	*-position: relative;
	*-margin-top: -20px;
}

ul.topnav li ul li span { /* float: right; */
	
}

.navItem1 {
	background: url(../images/menu-btn-bg.png);
	width: 248px;
	height: 25px;
	background-repeat: no-repeat;
	color: #0e517b;
}

.navItem1 a {
	color: #0e517b;
}

.navItem1:hover {
	background: url(images/menu-btn-hover-bg.png);
}

.navItem1 img { /* float: right; */
	margin: 7px 0px 5px 10px;
}

.navItem1 span img {
	margin-top: 0px;
	z-index: 999;
}

.imgitem { /* float: right; */
	margin: 7px 0px 5px 10px;
}

ul.topnav li {
	background: url(../images/menu-btn-bg.png);
	width: 246px;
	background-repeat: no-repeat;
	color: #0e517b;
}

ul.topnav li:hover {
	background: url(../images/menu-btn-hover-bg.png);
	background-repeat: no-repeat;
}

ul.topnav ul li {
	background: none;
	background-color: #d5e5f4;
}

ul.topnav ul li:hover {
	background: none;
	background-color: #FFF;
}

ul.topnav ul li ul li {
	background: none;
	border-bottom: solid 1px #666;
	background-color: #FFF;
}

ul.topnav ul li ul li:hover {
	background: none;
	background-color: #d5e5f4;
}

.ui-datepicker-trigger {
	*-float: left;
	*-margin-right: -45px;
	*-margin-top: -25px;
}

/** Customization **/
input.submit {
	background: transparent url("../images/common/btn.png") no-repeat center;
	cursor: pointer;
	border: none;
	color: white;
	font-style: bold;
	width: 100px;
}

input.search {
	background: transparent url("../images/common/btn.png") no-repeat center;
	cursor: pointer;
	border: none;
	color: white;
	font-style: bold;
	width: 100px;
}

input.select {
	background: transparent url("../images/common/btn.png") no-repeat center;
	cursor: pointer;
	border: none;
	color: white;
	font-style: bold;
	width: 100px;
}

input.save {
	background: transparent url("../images/common/btn.png") no-repeat center;
	cursor: pointer;
	border: none;
	color: white;
	font-style: bold;
	width: 100px;
}

input.reset {
	background: transparent url("../images/common/btn.png") no-repeat center;
	cursor: pointer;
	border: none;
	color: white;
	font-style: bold;
	width: 100px;
}

input.reject {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.approve {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.previous {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.next {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.ok {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.confirm {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.close {
	background: transparent url("../images/common/btn.png") no-repeat
		center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.clear {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.browse {
	background: transparent url("../images/common/btn.png") no-repeat center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

input.browse-disabled {
	background: transparent url("../images/common/btn.png") no-repeat
		center;
	color: white;
	font-style: bold;
	cursor: pointer;
	border: none;
	width: 100px;
}

/* .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a
	{
	cursor: pointer;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: black;
	text-decoration: none;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	color: black;
	text-decoration: none;
}

#tabs ul.ui-widget-header li.ui-state-hover a,#tabs ul.ui-widget-header li.ui-state-hover a:hover
	{
	color: white;
	text-decoration: none;
	background: url("../images/active-tab-bg.png") repeat scroll 0 0
		transparent;
}

#tabs ul.ui-widget-header li.ui-state-active a {
	color: white;
	font-weight: bold;
}

#tabs.ui-tabs,ul.ui-widget-header {
	height: auto;
	background: none;
	border: none;
}

#tabs ul.ui-tabs-nav li.ui-tabs-selected a {
	background: url("../images/active-tab-bg.png") repeat scroll 0 0
		transparent;
	color: white;
} */

.ui-dialog .ui-dialog-titlebar {
	height: auto;
}

.ui-dialog-buttonset .ui-widget {
	font-size: 14px !important;
}

.float {
	float: right;
}








/*#tabs.ui-tabs ul.ui-tabs-nav li.ui-state-default a {
	cursor: pointer;
	float: right;
	padding: 0.5em 1em;
	text-decoration: none;
	font-size: 85%;

}*/
/*Override tabs*/

.ui-tabs {
	PADDING-RIGHT: 0.2em;
	PADDING-LEFT: 0.2em;
	PADDING-BOTTOM: 0.2em;
	PADDING-TOP: 0.2em;
	ZOOM: 1;
	POSITION: relative
}

.ui-tabs .ui-tabs-nav {
	PADDING-RIGHT: 0.2em;
	PADDING-LEFT: 0.2em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0.2em
}

.ui-tabs .ui-tabs-nav LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: right;
	BORDER-BOTTOM-WIDTH: 0px !important;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0.2em 1px 0px;
	PADDING-TOP: 0px;
	WHITE-SPACE: nowrap;
	LIST-STYLE-TYPE: none;
	POSITION: relative;
	TOP: 1px
}

.ui-tabs .ui-tabs-nav LI A {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	/* FLOAT: right; */
	PADDING-BOTTOM: 0.5em;
	PADDING-TOP: 0.5em;
	TEXT-DECORATION: none
}

.ui-tabs .ui-tabs-nav LI.ui-tabs-selected {
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 1px
}

.ui-tabs .ui-tabs-nav LI.ui-tabs-selected A {
	CURSOR: text
}

.ui-tabs .ui-tabs-nav LI.ui-state-disabled A {
	CURSOR: text
}

.ui-tabs .ui-tabs-nav LI.ui-state-processing A {
	CURSOR: text
}

.ui-tabs .ui-tabs-nav LI A {
	CURSOR: pointer
}

.ui-tabs-collapsible .ui-tabs-nav LI.ui-tabs-selected A {
	CURSOR: pointer
}

.ui-tabs .ui-tabs-panel {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 1.4em;
	DISPLAY: block;
	PADDING-LEFT: 1.4em;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 1em;
	PADDING-TOP: 1em;
	BORDER-RIGHT-WIDTH: 0px
}

.ui-tabs .ui-tabs-hide {
	DISPLAY: none !important
}

#tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default
	{
	border: 1px solid #c5dbec;
	background: url("../images/date_bar_bg.png") repeat scroll 0 0 transparent;
	font-weight: bold;
	color: black;
	font-size: 85%;
}

#tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs .ui-state-default a:visited
	{
	color: black;
	text-decoration: none;
}

#tabs .ui-state-hover, #tabs .ui-widget-content .ui-state-hover, #tabs .ui-widget-header .ui-state-hover, #tabs .ui-state-focus, #tabs .ui-widget-content .ui-state-focus, #tabs .ui-widget-header .ui-state-focus
	{
	border: 1px solid #79b7e7;
	background: url("../images/active-tab-bg.png") repeat scroll 0 0
		transparent;
	font-weight: bold;
	color: white;
}

#tabs .ui-state-hover a, #tabs .ui-state-hover a:hover {
	color: white;
	text-decoration: none;
}

#tabs .ui-state-active, #tabs .ui-widget-content .ui-state-active, #tabs .ui-widget-header .ui-state-active
	{
	border: 1px solid #79b7e7;
	background: url("../images/active-tab-bg.png") repeat scroll 0 0
		transparent;
	font-weight: bold;
	color: white;
}

#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited {
	color: white;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

#tabs .ui-widget-header{
	background: none;
	border: none;
}

	
.ui-corner-all{
	border : none;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    float: right;
    overflow: hidden;
    padding: 1px 0;
    position: relative;
}
#pager_left{
	width: 282px;
}
select,option{
	width:auto;
}
select.ui-pg-selbox, .ui-pg-selbox option{
	width: auto;
}
.ui-multiselect { padding:2px 0 2px 4px; text-align:right }
.ui-multiselect span.ui-icon { float:left }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000 }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:1px 1px; width:190px; margin:0px;}
.ui-multiselect-checkboxes label input { position:relative; top:1px; width: auto; border: 0 none; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
.ui-multiselect-checkboxes span {
    margin-right: 18px;
}
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.t_copyright {
	margin-top: 7px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.revfloat{
	float:left;
}
.ui-corner-all{
	border-radius : 0px;
}
.buttonAsLink{
	background: none;
	text-decoration: underline;
	cursor: pointer;
	color: #222222;
}
ul.ui-autocomplete.ui-corner-all{
	border: 1px solid #79b7e7;
}
.ui-autocomplete { 
	height: 200px; 
	overflow-y: scroll; 
	overflow-x: hidden;
}
.ui-autocomplete-loading {
    background: url("../images/jqgrid/ui-anim_basic_16x16.gif") no-repeat scroll left center white;
}